<!--
 * @Descripttion:
 * @Author: qinyonglian
 * @Date: 2020-03-16 15:40:55
 * @LastEditors: qinyonglian
 * @LastEditTime: 2020-03-16 17:14:32
 -->
<template>
  <div>
    <!-- 头部 -->
    <header class="mui-bar mui-bar-nav">
      <a
        id="icon-menu"
        class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"
      />
      <h1 class="mui-title">
        demo列表
      </h1>
      <a class="mui-action-back mui-icon mui-icon-home mui-pull-right mui-a-color" />
    </header>
    <!-- 内容 -->
    <div v-for="(item, index) in demoList" :key="index" style="border-bottom: 1px solid red" @tap="goDetail(item)">
       <span>列表item</span>
       <span>{{item.MPXX_XXNR}}</span>
    </div>
  </div>
</template>

<script>
import { getBubbleList } from './action/demo';
export default {
  data() {
    return {
      demoList: [], // demo的列表数据
    };
  },
  created() {
    this.ininData();
  },
  mounted() {

  },
  methods: {
    async ininData() {
      const param = {
        postion: 'more',
        type: 'new',
        limit: 10,
        start: 0,
      }
      const data = await getBubbleList(param);
      console.log(data);
      this.demoList = data;
    },
    goDetail(item) {
      // 页面的跳转
      JE.openWindow({
        url: './pages_demoDetail_index.html',
        hideNView: false, // 重要参数，是否显示原生头
        title: 'test详情',
        extras: {
          detailObj: item,
        },
        waiting: {
          autoShow: true, // 自动显示等待框，默认为true
          title: '正在加载...', // 等待对话框上显示的提示内容
        },
      });
    }
  }

}
</script>

<style>

</style>
